<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<title>Insert title here</title>
  <link rel="stylesheet" href="${pageContext.request.contextPath}/assets/plugins/bootstrap/css/bootstrap.css">
  <link rel="stylesheet" href="${pageContext.request.contextPath}/assets/plugins/font-awesome/css/font-awesome.css">
 <link   href="${pageContext.request.contextPath}/assets/plugins/layer/skin/default/layer.css" rel="stylesheet" type="text/css" />   
  <style type="text/css">
  
     body,ul,li{
        list-style:none;
        margin:0;
        padding:0;
     }
  
      .box-head{
         height:50px;
         line-height:50px;
         font-weight:600;
         font-size:18px;
         padding-left:20px;
         border-bottom:1px solid #ddd;
         text-align:center;
         margin-bottom:10px;
         background-color:#429BFE;
         margin-bottom:20px;
         color:#fefefe;
         position: relative;
      }
     .top-reback{
       float:right;
       font-size:14px;
       padding:0 10px;
       cursor:pointer;
       position: absolute;
       top:0;
       right:0;
       font-size:12px;
    }
      .box-head > i{
         font-size:22px;
         line-height:5px;
         padding-right:12px;         
      }
      .box-content{
         position:relative;
      }




       .content-top {
           height:40px;
           line-height:40px;
           text-align:center;
           font-size:20px;
           color:#666;
       }
	.content-left > ul{
	   border-radius:4px;
	
	}
	.content-left > ul > li{
	    width:100%;
	    text-align: center;
	    font-size:14px;
	    background-color:#fff;
	    height:35px;
	    line-height:35px;
	    color:#fff;
	    border:1px solid #ccc;
	    margin-top:-1px;
	    color:#666;   
	    cursor:pointer;
	}

	.content-left > ul > li:hover,.content-left > ul > li.active{
		background-color:#efefef;
	}
	
	.content-right > ul{
	   border:1px solid #efefef;
	   box-shadow:0 0 0 1px #efefef;
	}
	
	.content-right > ul > li{
	    float:left;
	    text-align: center;
	    height:30px;
	    line-height:30px;
	    font-weight:600;		    
	}
	.content-body > ul {
	   border:1px solid #efefef;
	   border-top:none;
	   cursor:pointer;
	}
	.content-body > ul > li{
	    float:left;
	    text-align: center;
	    height:30px;
	    line-height:30px;	
	    font-size:12px;	    
	}
	
	.dynamic-detail-link:hover{
	   color:#4321F7;
	}
	
	
     .ksjj-box{
        width:1000px;
        position: relative;
        margin:0 auto;
        background-color: #fff;
      }
      
      .ksjj-box-left{
         width:240px;
         position: absolute;
         left:0;
         top:0;
         padding:5px;
      }
      
      .ksjj-box-right{
         margin-left:250px;   
         padding-top:5px;    
         padding-right:5px;        
      }
      .left-box{
         border:1px solid #81B0D8;       
      }
      
      .left-box-head{
         height:41px;
         line-height:40px;
         padding-left:40px;
         font-size:18px;
         color:#fff;
         background:url(${pageContext.request.contextPath}/assets/images/title.jpg) center center no-repeat;
      }
      .left-box-content{
          padding:10px 16px;
          border:1px solid #81B0D8;
          border-bottom:none; 
          background-color:#EAF4FF;   
      }
      
      .left-box-content ul li{
     	 margin-top:10px;
         height:34px;
         line-height:34px;
         padding-left:40px;
         font-size:18px;
         font-weight:600;	
         cursor:pointer;
         background:url(${pageContext.request.contextPath}/assets/images/h1_bg.gif) center center no-repeat;
      }
      .left-box-content ul li:hover{
         background:url(${pageContext.request.contextPath}/assets/images/on_h1.gif) center center no-repeat;
      }    
      .left-box-content ul li.active{
         background:url(${pageContext.request.contextPath}/assets/images/on_h1.gif) center center no-repeat;
      }           
      
      ul,li{
        list-style: none;
        margin:0;
        padding:0;
      }
      .left-box-bottom{
        height:277px; 
        border:1px solid #81B0D8;
        border-top:none;      
        background:url(${pageContext.request.contextPath}/assets/images/left_img.jpg) center center no-repeat;
      }
      .ksjj-box-right{
        min-height:700px;	
      }
      .right-box{
         border:1px solid #ddd;        
         min-height:700px;
      }
      .right-box-top{
         height:100px;
         background:url(${pageContext.request.contextPath}/assets/images/pos_bg.gif);
         height:35px;
         line-height:35px;
         font-weight: 600px;
         font-size:18px;
         text-align: center;
      }
      .right-box-title >span{
          height:30px;
          line-height:30px;
          padding-left:20px;
          font-size:12px;
      }
      
      .right-box-content{
         padding:10px;
         text-indent: 2em;
         line-height:25px;
      }	

       

       
      
              

  </style>
</head>
<body>

   <div class="box-head">
      <i class="fa fa-bank"></i>          
                 机构动态
      <span class="top-reback" style="float:right;">
                       返回
         <i class="glyphicon glyphicon-share-alt"></i>
      </span>                
   </div>
   
   <div class="ksjj-box">
       <div class="ksjj-box-left clearfix">
              <div class="left-box-head">动态分类</div>
              <div class="left-box-content">
                 <ul id="ks-list">
<!--                     <li class="ks-item">骨科</li>
                    <li class="ks-item">骨科</li>
                    <li class="ks-item">骨科</li>
                    <li class="ks-item">骨科</li>
                    <li class="ks-item">骨科</li>
                    <li class="ks-item">骨科</li> -->
                 </ul>                         
              </div>
              <div class="left-box-bottom">
                 
              </div>       
       </div>
       <div class="ksjj-box-right">
          <div class="right-box">
             <div class="right-box-top" id="ks-title">动态明细</div>
             <div class="right-box-title clearfix">
               <!--  <span class="pull-left" id="autor">作者：申升</span>    -->             
             </div>
             <div class="right-box-content" id="ks-content">
				<div class="col-xs-12 clearfix  content-right">            
		   			<ul class="clearfix">
		   			   <li style="width:20%">序号</li>
		   			   <li style="width:30%;">主题</li>
		   			   <li style="width:30%;">发布时间</li>
		   			   <li style="width:20%;">查看</li>   			   
		   			</ul> 
		   			<div class="content-body" id="table-body-content">
			   			<ul class="clearfix">
			   			   <li style="width:20%">1</li>
			   			   <li style="width:30%;">战胜肝炎,从我做起</li>
			   			   <li style="width:30%;">2018-01-21</li>
			   			   <li style="width:20%;">查看</li>   			   
			   			</ul> 	
			   			<ul class="clearfix">
			   			   <li style="width:20%">1</li>
			   			   <li style="width:30%;">战胜肝炎,从我做起</li>
			   			   <li style="width:30%;">2018-01-21</li>
			   			   <li style="width:20%;">查看</li>   			   
			   			</ul> 
			   			<ul class="clearfix">
			   			   <li style="width:20%">1</li>
			   			   <li style="width:30%;">战胜肝炎,从我做起</li>
			   			   <li style="width:30%;">2018-01-21</li>
			   			   <li style="width:20%;">查看</li>   			   
			   			</ul> 	
			   			<ul class="clearfix">
			   			   <li style="width:20%">1</li>
			   			   <li style="width:30%;">战胜肝炎,从我做起</li>
			   			   <li style="width:30%;">2018-01-21</li>
			   			   <li style="width:20%;">查看</li>   			   
			   			</ul>
			   			<ul class="clearfix">
			   			   <li style="width:20%">1</li>
			   			   <li style="width:30%;">战胜肝炎,从我做起</li>
			   			   <li style="width:30%;">2018-01-21</li>
			   			   <li style="width:20%;">查看</li>   			   
			   			</ul>	   				   			   				   			   			 			
		   			</div>           
		            
		        </div>       
             </div>
          </div>
       </div>
   </div>
      
   
 <!--  <div class="box-content container">
  
  
     <div class="row clearfix">
        <div class="col-xs-12 col-sm-3 content-left">
   			<ul id="dynamic-list-title">
   			   <li  class="dynamic-item-title">全部</li>
   			   <li  class="dynamic-item-title">合作动态</li>
   			   <li  class="dynamic-item-title">项目动态</li>
   			   <li  class="dynamic-item-title">机构动态</li>
   			   <li  class="dynamic-item-title">科学研究</li>
   			</ul>
        </div>
        <div class="col-xs-12 col-sm-9 clearfix  content-right">            
   			<ul class="clearfix">
   			   <li style="width:20%">序号</li>
   			   <li style="width:30%;">主题</li>
   			   <li style="width:30%;">发布时间</li>
   			   <li style="width:20%;">查看</li>   			   
   			</ul> 
   			<div class="content-body" id="table-body-content">
	   			<ul class="clearfix">
	   			   <li style="width:20%">1</li>
	   			   <li style="width:30%;">战胜肝炎,从我做起</li>
	   			   <li style="width:30%;">2018-01-21</li>
	   			   <li style="width:20%;">查看</li>   			   
	   			</ul> 	
	   			<ul class="clearfix">
	   			   <li style="width:20%">1</li>
	   			   <li style="width:30%;">战胜肝炎,从我做起</li>
	   			   <li style="width:30%;">2018-01-21</li>
	   			   <li style="width:20%;">查看</li>   			   
	   			</ul> 
	   			<ul class="clearfix">
	   			   <li style="width:20%">1</li>
	   			   <li style="width:30%;">战胜肝炎,从我做起</li>
	   			   <li style="width:30%;">2018-01-21</li>
	   			   <li style="width:20%;">查看</li>   			   
	   			</ul> 	
	   			<ul class="clearfix">
	   			   <li style="width:20%">1</li>
	   			   <li style="width:30%;">战胜肝炎,从我做起</li>
	   			   <li style="width:30%;">2018-01-21</li>
	   			   <li style="width:20%;">查看</li>   			   
	   			</ul>
	   			<ul class="clearfix">
	   			   <li style="width:20%">1</li>
	   			   <li style="width:30%;">战胜肝炎,从我做起</li>
	   			   <li style="width:30%;">2018-01-21</li>
	   			   <li style="width:20%;">查看</li>   			   
	   			</ul>	   				   			   				   			   			 			
   			</div>           
            
        </div>  
            
</div> -->
  <script src="${pageContext.request.contextPath}/assets/js/jquery-1.11.2.min.js" charset="utf-8" type="text/javascript"></script>
  <script src="${pageContext.request.contextPath}/assets/plugins/bootstrap/js/bootstrap.min.js"></script>
  <script src="${pageContext.request.contextPath}/assets/plugins//layer/mobile/layer.js"></script>
  <script src="${pageContext.request.contextPath}/assets/plugins/layer/layer.js"></script>  
  
  
  <script type="text/javascript">
  
  var page={
 		 init:function(){
 			 this.initEvents();
 			 this.getAllDynamic();
 		 },
 		 initEvents:function(){
 			 var that = this;
 			 $(".top-reback").on("click",function(){
 				 window.history.go(-1);
 			 })
 			 
 			 
 			 $(".content-left").on("click",".dynamic-item-title",function(){    				     				

 			 })
 			 
    			 $(".ksjj-box").on("click",".ks-item",function(){
     				 that.getAllDynamicByCode($(this).attr("data-value"));
     				 $(this).addClass("active").siblings().removeClass("active");
    			 })
 			 
 			 $(".content-right").on("click",".dynamic-detail-link",function(){
 				 window.location.href="${pageContext.request.contextPath}/Portal/institutionDetail.do?CODE="+$(this).attr("data-value")+"&rnd="+Math.random()
 			 })
 			 
 			 return that;
 		 },
 		 getAllDynamic:function(){
 			 var that = this;    			 
 			 $.post("${pageContext.request.contextPath}/Portal/portal/GDYM01.do",function(result){       				  
 				 try{
 					 var html =""; 		   			 
     				 if(result.state==200){     					 
     					html +='<li class="ks-item"  data-value="-1" >全部</li>';
     					
     					 for(var i=0;i<result.data.length;i++){     						
     						 html +='<li class="ks-item" data-value="'+result.data[i].CODE+'">'+result.data[i].NAME+'</li>'
     					 }
     					 $("#ks-list").html(html);
     					 
     					 
     					 $(".ks-item").eq(0).click();
     					 
     					 
     					 
     					 
     				 }else{
     					 layer.msg("暂无数据");	 
     				 }
 				 }catch(e){
 					 layer.msg("获取数据失败,重新刷新页面");
 				 }
 			 }) 
 			 return that;
 		 },
 		 getAllDynamicByCode:function(codeId){
 			 var that = this;  
 			 
 			 var params={};
 			 params.CODE=codeId;
 			 
 			 $.post("${pageContext.request.contextPath}/Portal/portal/GDYMBYPC01.do",params,function(result){       				  
 				 try{
 					 var html =""; 		   			 
     				 if(result.state==200){       				
     					 for(var i=0;i<result.data.length;i++){
      			   			html +='<ul class="clearfix">';
     			   			html +='<li style="width:20%">'+result.data[i].CODE+'</li>';
     			   			html +='<li style="width:30%;">'+result.data[i].TITLE+'</li>';
     			   			html +='<li style="width:30%;">'+that.dataformat(result.data[i].CREATE_DATE)+'</li>';
     			   			html +='<li class="dynamic-detail-link" data-value="'+result.data[i].CODE+'" style="width:20%;" >查看</li>';
     			   			html +='</ul>';         						         						 
     					 }
     					 $("#table-body-content").html(html);
     				 }else{
     					 layer.msg("暂无数据");	 
     				 }
 				 }catch(e){
 					 layer.msg("获取数据失败,重新刷新页面");
 				 }
 			 }) 
 			 return that; 
 		 },
		     dataformat:function(format){    			  
				  try{
					  
					  if(format.split('-').length>0){
						  return format
					  }
					  
	    			  var date = new Date(format);
	    			  var year = date.getFullYear();
	    			  var month = date.getMonth()+1;
	    			  var day = date.getDate();
	    			  if(month<10){
	    				  return year +"-"+"0"+month+"-"+day;  
	    			  }else{
	    				  return year +"-"+month+"-"+day;
	    			  }        			  
				  }   catch(e){
					  return "2017-08-19"
				  } 
		   }
 		 
 		 
 		 
  }   
    /*  var page={
    		 init:function(){
    			 this.initEvents();
    			 this.getAllDynamic();
    		 },
    		 initEvents:function(){
    			 var that = this;
    			 $(".top-reback").on("click",function(){
    				 window.history.go(-1);
    			 })
    			 
    			 
    			 $(".content-left").on("click",".dynamic-item-title",function(){    				     				
    				 that.getAllDynamicByCode($(this).attr("data-value"));
    				 $(this).addClass("active").siblings().removeClass("active");
    			 })
    			 
    			 $(".content-right").on("click",".dynamic-detail-link",function(){
    				 window.location.href="${pageContext.request.contextPath}/Portal/institutionDetail.do?CODE="+$(this).attr("data-value")+"&rnd="+Math.random()
    			 })
    			 
    			 return that;
    		 },
    		 getAllDynamic:function(){
    			 var that = this;    			 
    			 $.post("${pageContext.request.contextPath}/Portal/portal/GDYM01.do",function(result){       				  
    				 try{
    					 var html =""; 		   			 
        				 if(result.state==200){
        					 html +='<li  class="dynamic-item-title" data-value="-1">全部</li>';
        					 for(var i=0;i<result.data.length;i++){
        						 html +='<li  class="dynamic-item-title" data-value="'+result.data[i].CODE+'">'+result.data[i].NAME+'</li>';
        					 }
        					 $("#dynamic-list-title").html(html);
        					 
        					 
        					 $(".dynamic-item-title").eq(0).click();
        					 
        					 
        					 
        					 
        				 }else{
        					 layer.msg("暂无数据");	 
        				 }
    				 }catch(e){
    					 layer.msg("获取数据失败,重新刷新页面");
    				 }
    			 }) 
    			 return that;
    		 },
    		 getAllDynamicByCode:function(codeId){
    			 var that = this;  
    			 
    			 var params={};
    			 params.CODE=codeId;
    			 
    			 $.post("${pageContext.request.contextPath}/Portal/portal/GDYMBYPC01.do",params,function(result){       				  
    				 try{
    					 var html =""; 		   			 
        				 if(result.state==200){       				
        					 for(var i=0;i<result.data.length;i++){
         			   			html +='<ul class="clearfix">';
        			   			html +='<li style="width:20%">'+result.data[i].CODE+'</li>';
        			   			html +='<li style="width:30%;">'+result.data[i].TITLE+'</li>';
        			   			html +='<li style="width:30%;">'+that.dataformat(result.data[i].CREATE_DATE)+'</li>';
        			   			html +='<li class="dynamic-detail-link" data-value="'+result.data[i].CODE+'" style="width:20%;" >查看</li>';
        			   			html +='</ul>';         						         						 
        					 }
        					 $("#table-body-content").html(html);
        				 }else{
        					 layer.msg("暂无数据");	 
        				 }
    				 }catch(e){
    					 layer.msg("获取数据失败,重新刷新页面");
    				 }
    			 }) 
    			 return that; 
    		 },
   		     dataformat:function(format){    			  
				  try{
					  
					  if(format.split('-').length>0){
						  return format
					  }
					  
	    			  var date = new Date(format);
	    			  var year = date.getFullYear();
	    			  var month = date.getMonth()+1;
	    			  var day = date.getDate();
	    			  if(month<10){
	    				  return year +"-"+"0"+month+"-"+day;  
	    			  }else{
	    				  return year +"-"+month+"-"+day;
	    			  }        			  
				  }   catch(e){
					  return "2017-08-19"
				  } 
		   }
    		 
    		 
    		 
     } */
     
     $(function(){
    	 page.init();    	    	
     })
  </script>
  
  
</body>
</html>